<template>
    <a-card style="margin-bottom: 15px" size="small">
        <a-descriptions :column="4" size="middle" bordered>
            <template #title>
                <span style="color:#1677ff ;">{{ProTitle}}</span>
            </template>
            <template #extra>
                <a-tooltip title="返回上级">
                    <a-button size="middle" @click="goback">
                        <template #icon>
                            <RollbackOutlined />
                        </template>
                    </a-button>
                </a-tooltip>
            </template>
            <a-descriptions-item label="项目名称">{{blapplyprojectname}}</a-descriptions-item>
            <!-- <a-descriptions-item label="项目编号">blapplynum</a-descriptions-item> -->
            <a-descriptions-item label="父协议名称">{{blapplyname}}</a-descriptions-item>
            <a-descriptions-item label="父协议编号">{{blapplynum}}</a-descriptions-item>
            <a-descriptions-item label="项目负责人">{{blprojectmanagepeople}}</a-descriptions-item>
            <a-descriptions-item label="项目负责人联系方式">{{blprojectmanagepeoplephone}}</a-descriptions-item>
            <a-descriptions-item label="项目负责人工作证号">{{blprojectmanagepeoplecard}}</a-descriptions-item>
            <a-descriptions-item label="项目联系人">{{blprojectcontactpeople}}</a-descriptions-item>
            <a-descriptions-item label="项目联系人联系方式">{{blprojectcontactpeoplephone}}</a-descriptions-item>
            <a-descriptions-item label="项目联系人工作证号">{{blprojectcontactpeoplecard}}</a-descriptions-item>
            <a-descriptions-item label="受益范围">{{blprojectbenefitpeoplerange}}</a-descriptions-item>
            <a-descriptions-item label="拟收益人数">{{blprojectbenefitpeoplenumber}}</a-descriptions-item>
            <a-descriptions-item label="是否有志愿者">{{blprojectvolunteer ? '是' : '否'}}</a-descriptions-item>
            <a-descriptions-item label="志愿者人数">{{blprojectvolunteernum}}</a-descriptions-item>
            <a-descriptions-item label="是否有其它资金支持">{{blprojectothermoney? '是' : '否'}}</a-descriptions-item>
            <a-descriptions-item label="申请经费">{{blprojectmoney}}</a-descriptions-item>
            <a-descriptions-item label="项目开始时间">{{blprojectdatestart}}</a-descriptions-item>
            <a-descriptions-item label="项目结束时间">{{blprojectdateend}}</a-descriptions-item>

            <a-descriptions-item label="项目审批状态">{{ blapplyprojectapplystatus == 0
                ? "项目立项"
                : blapplyprojectapplystatus == 1
                ? "跟进阶段"
                : blapplyprojectapplystatus == 2
                ? "投标阶段"
                : blapplyprojectapplystatus == 3
                ? "合同签订阶段"
                : blapplyprojectapplystatus == 4
                ? "项目实施阶段"
                : blapplyprojectapplystatus == 5
                ? "采购计划阶段"
                : blapplyprojectapplystatus == 6
                ? "应收款阶段"
                : blapplyprojectapplystatus == 8
                ? "项目结项"
                : "废弃项目"}}</a-descriptions-item>
            <a-descriptions-item label="基金科审批意见">{{blfundopinions}}</a-descriptions-item>
            <a-descriptions-item label="财务审批意见">{{blfinanceopinions}}</a-descriptions-item>
            <a-descriptions-item label="副主任审批意见">{{blassistantopinions}}</a-descriptions-item>
            <a-descriptions-item label="主任审批意见">{{bldirectoropinions}}</a-descriptions-item>
            <a-descriptions-item label="秘书长审批意见">{{blsecretaryopinions}}</a-descriptions-item>
            <a-descriptions-item label="项目管理方法">{{blprojectmanagemethod}}</a-descriptions-item>
            <a-descriptions-item label="项目其他类型">{{blothertype}}</a-descriptions-item>
            <a-descriptions-item label="申报项目类型">{{blthreetype}}</a-descriptions-item>
            <a-descriptions-item label="申报项目日期">{{blapplyprojectapplydate}}</a-descriptions-item>
            <a-descriptions-item label="申报人">{{blapplypeople}}</a-descriptions-item>
        </a-descriptions>
    </a-card>
    <a-card size="small">
        <a-tabs v-model:activeKey="activeKey" size="small">
            <a-tab-pane :key="1" tab="项目简介">
                <div class="content-html" v-html="blprojectprofile"></div>
            </a-tab-pane>
            <a-tab-pane :key="2" tab="选项创新点">
                <div class="content-html" v-html="blprojectnews"></div>
            </a-tab-pane>
            <a-tab-pane :key="3" tab="项目方案">
                <div class="content-html" v-html="blprojectplan"></div>
            </a-tab-pane>
            <a-tab-pane :key="4" tab="项目可行性分析">
                <div class="content-html" v-html="blprojectfeasibility"></div>
            </a-tab-pane>
            <a-tab-pane :key="5" tab="项目进度安排">
                <div class="content-html" v-html="blprojectspeed"></div>
            </a-tab-pane>
            <a-tab-pane :key="6" tab="项目完成预期效果与形式">
                <div class="content-html" v-html="blprojecteffects"></div>
            </a-tab-pane>
            <a-tab-pane :key="7" tab="资金使用计划">
                <div class="content-html" v-html="blmoney"></div>
            </a-tab-pane>
        </a-tabs>
    </a-card>
</template>

<script setup>
    import { nextTick, reactive, ref, defineProps, onMounted, toRefs } from 'vue';
    import { message, Modal } from 'ant-design-vue';

    const props = defineProps({
        passParams: {
            type: Object,
        },
    })
    // 解构对象

    const { blapplyprojectname, blapplyname, blapplynum, blprojectmanagepeople, blprojectmanagepeoplephone, blprojectmanagepeoplecard, blprojectcontactpeople, blprojectcontactpeoplephone,
        blprojectcontactpeoplecard, blprojectbenefitpeoplerange, blprojectbenefitpeoplenumber, blprojectvolunteer, blprojectvolunteernum, blprojectothermoney, blprojectmoney, blprojectdatestart,
        blprojectdateend, blmoney, blapplyprojectapplystatus, blfundopinions, blfinanceopinions,
        blassistantopinions, bldirectoropinions, blsecretaryopinions, blprojectmanagemethod,
        blothertype, blthreetype, blapplyprojectapplydate, blapplypeople, blprojectprofile,
        blprojectnews, blprojectplan, blprojectfeasibility, blprojectspeed, blprojecteffects } = toRefs(props.passParams);
    const emits = defineEmits(['emitPass'])
    function goback() {
        emits('emitPass', true)
    }
    // ---------------------------- 表格列 ----------------------------

    // 选项卡activeKey
    const activeKey = ref(1);
    // 标题
    const ProTitle = ref('');
    ProTitle.value = props.passParams.blapplyprojectname + '详情';

</script>

<style lang="less" scoped>
</style>